<template>
	<view style="width: 100%;height: 155rpx;">
		<!-- <view class="wrap">
			<text>{{name}}</text>
			<u-back-top :scroll-top="scrollTop"></u-back-top>
		</view> -->
		<u-navbar title="我的钱包" :safeAreaInsetTop="false" :fixed="true" titleStyle="color:#fff;" :placeholder="true"
			height="155rpx" :autoBack="true">
			<view class="u-nav-slot" slot="left" style="transform: translateY(40rpx);">
				<u-icon name="arrow-left" color="#fff" size="19"></u-icon>
			</view>
			<view class="u-nav-slot" slot="center" style="transform: translateY(40rpx);">
				<text style="color: #fff;">{{name}}</text>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name: "bartop",
		props: {
			name: String
		},
		data() {
			return {
				scrollTop: '200',
			}
		},
		onLoad() {
			// #ifdef MP-WEIXIN

			// #endif

		},
		mounted() {

		}
	}
</script>

<style scoped>
	.wrap {
		height: 140rpx;
		background: linear-gradient(90deg, rgba(255, 101, 61, 1) 0%, rgba(255, 130, 0, 1) 100%);
		text-align: center;
		line-height: 200rpx;
		font-weight: bold;
		font-size: 32rpx;
		color: #fff;
	}

	.card {
		padding: 20px 0;
		display: flex;
		justify-content: center;
		font-weight: bold;
	}

	.card-name {
		padding: 0 20rpx;
		font-size: 32rpx;
	}
</style>